
#spm,#f
{
    padding:5px;
    text-align:center;
    background-color:white;
    border:solid 3px rgb(43,47,58);
}

svg {
    font: 8px sans-serif;
    padding: 10px;
    border-style: groove;
    border-color: #17BED5;

}

.hide{
    opacity: .1;
}
.show{
    opacity: 1.0;
}
.axis {
    shape-rendering: crispEdges;
}

.y.axis line, .y.axis path {
    fill: none;
    stroke: rgb(122,129,137);
    stroke-width: 1.0;
}

.y.axis .minor{
    stroke: #52D12A;
    stroke-width: 1.5;
    stroke-opacity: 0.5;
}
.Scatterplot{

    pointer-events: all;
}
circle {
    fill-opacity: .7;
}

circle.hidden {
    fill: #ccc !important;
}

.extent {
    fill: #000;
    fill-opacity: .125;
    stroke: #fff;
}
.point {
    fill: #999;
    stroke: #fff;
}



.point.selected {
    fill: red;
    fill-opacity: 1;
    stroke: brown;
}


button {
    position: absolute;
    right: 30px;
    top: 30px;
}

.brush .extent {
    stroke: #fff;
    fill-opacity: .125;
    shape-rendering: crispEdges;
}